<html>
<head>
    <title>Simple Layout</title>
    <link rel="stylesheet" type="text/css" href="/sucri/css/ext-all.css"/>
    <script type="text/javascript" src="/sucri/js/yui-utilities.js"></script>
    <script type="text/javascript" src="/sucri/js/ext-yui-adapter.js"></script>
    <script type="text/javascript" src="/sucri/js/ext-all-debug.js"></script>
    <script type="text/javascript" src="/sucri/js/fluxs.js"></script>

<script>Ext.onReady(function(){ init_grid(); });
function init_grid() {
grid = new Ext.grid.Grid('test_grid',{
    ds:new Ext.data.Store(
{
    reader:new Ext.data.JsonReader(
{
    totalProperty:'totals',
        root:'rows'
    },[{
    type:'string',
        name:'Name'
    },{
    type:'string',
        name:'Description'
    },{
    type:'int',
        name:'Age'
    }]
),
        proxy:new Ext.data.HttpProxy(
{
    url:'sucri?grid=12'
    }
),
        remoteSort:false
    }
),
        selModel:new Ext.grid.RowSelectionModel({singleSelect:true}),
        cm:new Ext.grid.ColumnModel(
[{
    renderer:'string',
        header:'Name'
    },{
    renderer:'string',
        header:'Description'
    },{
    renderer:'string',
        header:'Age'
    }]
)
    });
grid.render();
grid.getDataSource().load({params:{start:0, limit:20}});
};
</script></head>
<body>
    <div id="north-div"></div>
    <div id="south-div"></div>
    <div id="east-div"></div>
    <div id="west-div"></div>
    <div id="center-div"><span id = 'test_grid'>TEST</span></div>
</body>
</html>